<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/index3.min.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/layer/layer.js"></script>
</head>

<body>

    <header class="header">
        <div class="header-content main">
            <div class="header-content-logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="header-content-right">
                <a href="index.html" class="title">首页</a>
                <a href="" class="title">
                    <div class="fenlei">产品分类</div>
                </a>
                <div class="product">
                    <div class="content">
                        <a href="" class="list movetop">
                            <img src="./images/p-list1.png" alt="">
                            <span>剃须刀</span>
                            <i></i>
                        </a>

                        <a href="" class="list">
                            <img src="./images/p-list2.png" alt="">
                            <span>电吹风</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list3.png" alt="">
                            <span>理发器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list4.png" alt="">
                            <span>电动牙刷</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list5.png" alt="">
                            <span>烫发器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list6.png" alt="">
                            <span>挂烫机</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list7.png" alt="">
                            <span>熨烫机</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list8.png" alt="">
                            <span>毛球修剪器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list9.png" alt="">
                            <span>加湿器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list10.png" alt="">
                            <span>USB智能插座</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list11.png" alt="">
                            <span>健康秤</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list12.png" alt="">
                            <span>女士剃毛器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list13.png" alt="">
                            <span>鼻毛修剪器</span>
                            <i></i>
                        </a>
                        <a href="" class="list">
                            <img src="./images/p-list14.png" alt="">
                            <span>配件</span>
                            <i></i>
                        </a>
                    </div>
                </div>
                <div class="search"><input type="text" placeholder="剃须刀"></div>
                <span class="sp1">
                    <a href="">
                        <img src="./images/Shopping cart.png" alt="">
                    </a>

                    <span id="count" class="count">0</span>
                    <div class="cart-specially">
                        <div class="messagebox">
                            <!-- <div class="top">
                                <img src="./images/car-specially1.png" alt="">
                                <div class="txt">
                                    <div class="name">飞科小星球剃须刀FS201</div>
                                    <div class="itemcount">x 1</div>
                                </div>
                                <div class="price">
                                    ￥<span>169</span>
                                </div>
                            </div> -->
                        </div>
                        <div class="down " style="display: none;">
                            <span class="name">商品总计</span>
                            <span class="qian">￥</span>
                            <span class="sumprice qian">
                            </span>
                            <button class="lookcar">查看购物车</button>
                        </div>

                        <div class="imgbox" style="display: none;">
                            <img src="./images/carblock.png" alt="">
                            <p>购物车没有商品,赶紧选购吧</p>
                        </div>
                    </div>

                </span>
                <span class="sp2 langding">
                    <a href="javascript:void(0)">
                        <img src="./images/personal.png" alt="">
                    </a>
                    <!-- <div>
                        <a href="">个人中心</a>
                        <a href="">我的订单</a>
                        <a href="">退出登录</a>
                    </div> -->
                </span>
            </div>
        </div>

    </header>
    <script src="./js/header.js"></script>

    <script src="./js/addcart.js"></script>

    <div class="content empty">
        <div class="c-content1">
            <div class="shopping">
                <img src="./images/index3-gouwuche.png" alt="">
                <p>购物车空空如也</p>
                <a href="">
                    <button>去选购</button>
                </a>
            </div>
        </div>
    </div>

    <div class="section" style="display: none;">
        <div class="s-section">
            <div class="s-header">
                <input type="checkbox" class="checkall">
                <span class="sp1">全选</span>
                <span class="sp2">商品信息</span>
                <span class="sp3">单价</span>
                <span class="sp4">数量</span>
                <span class="sp5">小计</span>
                <span class="sp6">操作</span>
            </div>
            <div class="s-info">
                <!-- <div class="list-item">
                    <input type="checkbox" class="j-checkbox">
                    <img src="./images/index3-s-img1.png" alt="">
                    <div class="txt">
                        <div class="txt1">飞科小星球剃须刀FS201</div>
                        <div class="txt2">飞科小星球剃须刀</div>
                    </div>
                    <div class="price">￥59</div>
                    <div class="number">
                        <a href="javascript:;" class="sp1 decrement">-</a>
                        <input type="text" value="1" class="num">
                        <a href="javascript:;" class="sp2 increment">+</a>
                    </div>
                    <div class="sum">￥59</div>
                    <div class="delete">删除</div>
                </div>
                <div class="list-item">
                    <input type="checkbox" class="j-checkbox">
                    <img src="./images/index3-s-img2.png" alt="">
                    <div class="txt">
                        <div class="txt1">飞科智能感应剃须刀FS927</div>
                        <div class="txt2">创新黑科技 智能感应式剃须刀</div>
                    </div>
                    <div class="price">￥239</div>
                    <div class="number">
                        <a href="javascript:;" class="sp1 decrement">-</a>
                        <input type="text" value="1" class="num">
                        <a href="javascript:;" class="sp2 increment">+</a>
                    </div>
                    <div class="sum">￥239</div>
                    <div class="delete">删除</div>
                </div>
                <div class="list-item">
                    <input type="checkbox" class="j-checkbox">
                    <img src="./images/index3-s-img3.png" alt="">
                    <div class="txt">
                        <div class="txt1">飞科智能电吹风FH6286</div>
                        <div class="txt2">旋转调温/LED温度显示/负离子护发</div>
                    </div>
                    <div class="price">￥239</div>
                    <div class="number">
                        <a href="javascript:;" class="sp1 decrement">-</a>
                        <input type="text" value="1" class="num">
                        <a href="javascript:;" class="sp2 increment">+</a>
                    </div>
                    <div class="sum">￥139</div>
                    <div class="delete">删除</div>
                </div> -->
            </div>
            <div class="s-bottom">
                <div class="s-b-left">
                    <input type="checkbox" class="checkall">
                    <span class="sp1">全选</span>
                    <span class="sp2 checked-delete">批量删除</span>
                </div>
                <div class="s-b-right">
                    <span class="sp1">应付金额</span>
                    <span class="sp2 allsum">￥ 0</span>
                    <button>结算(<i>0</i>)</button>
                </div>
            </div>
        </div>
    </div>

    <div class="returntopbox">
        <div class="ewm">
            <img src="./images/return-ewm.png" alt="">
            <span style="display: none;">二维码</span>
            <div class="ewm-img">
                <img src="./images/ewm-img-block.jpg" alt="">
            </div>
        </div>
        <div class="returntop">
            <img src="./images/return-top.png" alt="">
        </div>
    </div>

    <footer class="footer">
        <div class="info main">
            <div class="info-top">
                <div class="top-item">
                    <img src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
                <div class="top-item">
                    <img src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
                <div class="top-item">
                    <img src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
                <div class="top-item">
                    <img src="./images/footer-sf.png" alt="">
                    <span>顺丰包邮</span>
                </div>
            </div>
            <div class="info-mid">
                Copyright © 2013-2021上海飞科电器股份有限公司 | 版权所有网站备案/许可证号:沪ICP备13041208号 | 增值电信营业经营许可认证:沪B2 -20160083
                | 沪公网安备31010502001341号
            </div>
            <div class="info-down">
                <div class="down-item item1">
                    <img src="./images/footer-3img1.png" alt="">
                </div>
                <div class="down-item item2">
                    <img src="./images/footer-3img2.png" alt="">
                    <span>上海工商</span>
                </div>
                <div class="down-item item3">
                    <img src="./images/footer-3img3.png" alt="">
                    <span>
                        上海网警
                        <br>
                        网络110
                    </span>
                </div>
                <div class="down-item item4">
                    <img src="./images/footer-3img4.png" alt="">
                    <span>
                        支付宝
                        <br>
                        特约商家
                    </span>
                </div>
            </div>
        </div>
    </footer>

    <div class="denglu" style="display: none;">
        <div class="d-tanchuangbox">
            <div class="d-header">
                <span class="sp1">手机号登录</span>
                <span class="sp2 closebtn">×</span>
            </div>
            <div class="d-body">
                <div class="d-body-info">
                    <form action="" class="dl-biaodan">
                        <div class="phonenumber">
                            <span><img src="./images/dianhua.png" alt=""></span>
                            <input type="text" id="tel_num" name="phonenumber" placeholder="请输入手机号">
                            <div class="tishi-1"></div>
                        </div>

                        <div class="yanzhengbox">
                            <div class="yanzheng">
                                <div class="y-left">
                                    <span><img src="./images/youjian.png" alt=""></span>
                                    <input type="text" id="code_num" placeholder="请输入验证码">
                                </div>
                                <button class="sendCode" type="button">发送验证码</button>
                                <div class="tishi-2"></div>
                            </div>
                        </div>
                        <div class="anniubox">
                            <div class="anniu">
                                <button id="submit">手机号码快捷登录</button>
                            </div>
                        </div>
                    </form>
                    <p>
                        "登录即表明同意飞科商城"
                        <span>《隐私政策》</span>
                        <span>《隐藏协议》</span>
                    </p>
                    <div></div>
                </div>
            </div>
        </div>
    </div>
    <script src="./js/login.js"></script>

    <script src="./js/EasyLazyload.min.js"></script>
    <script>
        lazyLoadInit({
            // coverColor: "white",
            // coverDiv: "<h1>test</h1>",
            // offsetBottom: 0,
            // offsetTopm: 0,
            showTime: 500,
            onLoadBackEnd: function (i, e) {
                // console.log("onLoadBackEnd:" + i);
            }
            , onLoadBackStart: function (i, e) {
                // console.log("onLoadBackStart:" + i);
            }
        });
    </script>

    <script src="./js/index3car.js"></script>


</body>

</html>